{% extends "template-base.html" %}
{% block head %}

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

{% endblock %}

{% block bodyclasses %}no-sidebar{% endblock %}
{% block mainclasses %}landing{% endblock %}

{% block breadcrumbs %}{% endblock %}

{% block main %}
  <section class="container-fluid card-grid card-grid-2x2">
      <div class="section-hero card justify-content-end">
        <div>
          <h1 class="display-4">{% trans %}Powering the Internet of Value.{% endtrans %}</h1>
          <div class="blurb">
            <p>{% trans %}The <a href="#xrp_ledger_intro">XRP Ledger</a> is open-source technology that anyone can use.{% endtrans %}</p>
            <p>{% trans %}Use the tools and information provided here to integrate with and contribute to the open-source platform.{% endtrans %}</p>
            <h5>{% trans %}Want more?{% endtrans %}</h5>
            <p>{% trans %}Get updates about XRP Ledger webinars, releases, and documentation!{% endtrans %}</p>
          </div><!--/.blurb-->
          <a class="btn btn-outline-secondary external-link" href="https://goo.gl/forms/sHMFxU8dKiTUaltE3" target="_blank">{% trans %}Sign up!{% endtrans %} <i class="fa fa-external-link" aria-hidden="true"></i></a>
        </div>
      </div><!--/.section-hero-->

      {% set flag_n = cycler(* range(1,99)) %}
      <div class="card">
        {% set cardpage = pages|selectattr('html', 'defined_and_equalto', 'get-started-with-the-rippled-api.html')|first %}
        <div class="card-header">
          <h3 class="card-title"><a href="{{cardpage.html}}">{{cardpage.name}}</a></h3>
        </div><!--/.card-header-->
        <div class="card-body">
          <p>{{cardpage.blurb}}</p>
        </div><!--/.card-body-->
        <div class="card-footer">
          <a href="get-started-with-the-rippled-api.html" class="btn btn-outline-secondary">{{cardpage.cta_text}}</a>
        </div><!--/.card-footer-->
        <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
      </div><!--/.card-->

      <div class="card pr-0">
        <div class="card-header">
          <h3 class="card-title"><a href="concepts.html">{% trans %}Learn How It Works{% endtrans %}</a></h3>
        </div><!--/.card-header-->
        <div class="card-body">
          <div class="curated-links">
            <ul>
              <li><a href="intro-to-consensus.html">{{(pages|selectattr('html', 'defined_and_equalto', 'intro-to-consensus.html')|first).name}}</a></li>
              <li><a href="xrp.html">{% trans %}About XRP{% endtrans %}</a></li>
              <li><a href="payment-system-basics.html">{{(pages|selectattr('html', 'defined_and_equalto', 'payment-system-basics.html')|first).name}}</a></li>
              <li><a href="decentralized-exchange.html">{{(pages|selectattr('html', 'defined_and_equalto', 'decentralized-exchange.html')|first).name}}</a></li>
            </ul>
          </div><!--/.curated-links-->
        </div><!--/.card-body-->
        <div class="card-footer">
          <a href="concepts.html" class="btn btn-outline-secondary">{% trans %}All Concepts{% endtrans %}</a>
        </div><!--/.card-footer-->
        <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
      </div><!--/.card-->

      <div class="card">
        <div class="card-header">
          <h3 class="card-title"><a href="docs.html">{% trans %}Read Documentation{% endtrans %}</a></h3>
        </div><!--/.card-header-->
        <div class="card-body">
          <div class="curated-links">
            <ul>
              <li><a href="references.html">{{(pages|selectattr('html', 'defined_and_equalto', 'references.html')|first).longer_name}}</a></li>
              <li><a href="concepts.html">{{(pages|selectattr('html', 'defined_and_equalto', 'concepts.html')|first).name}}</a></li>
              <li><a href="tutorials.html">{{(pages|selectattr('html', 'defined_and_equalto', 'tutorials.html')|first).name}}</a></li>
              <li><a href="docs.html#full-doc-index">{% trans %}Full Doc Index{% endtrans %}</a></li>
            </ul>
          </div><!--/.curated-links-->
        </div><!--/.card-body-->
        <div class="card-footer">
          <a href="docs.html" class="btn btn-outline-secondary">{% trans %}All Docs{% endtrans %}</a>
        </div><!--/.card-footer-->
        <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
      </div><!--/.card-->

      <div class="card pr-0">
        <div class="card-header">
          <h3 class="card-title">{% trans %}Explore the XRP Ledger{% endtrans %}</h3>
        </div><!--/.card-header-->
        <div class="card-body">
          <p>{% trans %}Use the XRPL Explorer to view a stream of ledger activity and see validator statuses.{% endtrans %}</p>
        </div><!--/.card-body-->
        <div class="card-footer">
          <div class="readmore">
            <a href="https://livenet.xrpl.org/" class="btn btn-outline-secondary">{% trans %}Go to the Explorer{% endtrans %}</a>
          </div>
        </div><!--/.card-footer-->
        <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
      </div><!--/.card-->

  </section><!--/"Above the fold" .card-grid-2x2-->

  <section class="container-fluid card-grid">
    <div class="card pl-0">
      <div class="card-header">
        <h2><a href="/blog/">XRP Ledger Blog</a></h2>
      </div><!--/.card-header-->
      <div class="card-body">
        <div class="blurb">
          <p>Visit the blog for the latest XRP Ledger info, including <a href="/blog/label/rippled-release-notes.html">Release Notes</a>, <a href="/blog/label/amendments.html">Amendments</a> to the XRP Ledger protocol, <a href="/blog/label/features.html">Feature articles</a> from XRP experts, and more.</p>
        </div>
      </div>
      <div class="card-footer">
        <a href="/blog/" class="btn btn-outline-secondary">View Blog</a>
      </div>
    </div>
  </section>

  {% set flag_n = cycler(* range(1,99)) %}
  <section class="container-fluid card-grid card-grid-2x4" id="xrp_ledger_intro">
    <div class="card section-hero pl-0">
      <div class="card-header">
        <h2><a href="xrp-ledger-overview.html">{% trans %}What is the XRP Ledger?{% endtrans %}</a></h2>
      </div><!--/.card-header-->
      <div class="card-body">
        <p>{% trans %}The XRP Ledger is a decentralized cryptographic ledger, powered by a network of peer-to-peer servers. It is the home of XRP, a digital asset designed to bridge the many different currencies in use worldwide.{% endtrans %}</p>
      </div>
    </div><!--/.section-hero-->

    <a href="{% trans %}xrp-ledger-overview.html#the-digital-asset-for-payments{% endtrans %}" class="card">
      <div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-digital-asset.svg" alt="{% trans %}(digital asset icon){% endtrans %}" /></div>
      <div class="card-footer"><h3>{% trans %}The Digital Asset for Payments{% endtrans %}</h3></div>
      <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
    </a><!--/.card-->

    <a href="{% trans %}xrp-ledger-overview.html#censorship-resistant-transaction-processing{% endtrans %}" class="card">
      <div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-censorship-resistant.svg" alt="{% trans %}(censorship resistance icon){% endtrans %}" /></div>
      <div class="card-footer"><h3>{% trans %}Censorship-Resistant Transaction Processing{% endtrans %}</h3></div>
      <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
    </a><!--/.card-->

    <a href="{% trans %}xrp-ledger-overview.html#fast-efficient-consensus-algorithm{% endtrans %}" class="card">
      <div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-fast-algorithm.svg" alt="{% trans %}(consensus algorithm icon){% endtrans %}" /></div>
      <div class="card-footer"><h3>{% trans %}Fast, Efficient Consensus Algorithm{% endtrans %}</h3></div>
      <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
    </a><!--/.card-->

    <a href="{% trans %}xrp-ledger-overview.html#finite-xrp-supply{% endtrans %}" class="card">
      <div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-finite.svg" alt="{% trans %}(xrp supply icon){% endtrans %}" /></div>
      <div class="card-footer"><h3>{% trans %}Finite XRP Supply{% endtrans %}</h3></div>
      <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
    </a><!--/.card-->

    <a href="{% trans %}xrp-ledger-overview.html#responsible-software-governance{% endtrans %}" class="card">
      <div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-responsible.svg" alt="{% trans %}(governance icon){% endtrans %}" /></div>
      <div class="card-footer"><h3>{% trans %}Responsible Software Governance{% endtrans %}</h3></div>
      <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
    </a><!--/.card-->

    <a href="{% trans %}xrp-ledger-overview.html#secure-adaptable-cryptography{% endtrans %}" class="card">
      <div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-secure.svg" alt="{% trans %}(cryptography icon){% endtrans %}" /></div>
      <div class="card-footer"><h3>{% trans %}Secure, Adaptable Cryptography{% endtrans %}</h3></div>
      <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
    </a><!--/.card-->

    <a href="{% trans %}xrp-ledger-overview.html#modern-features-for-smart-contracts{% endtrans %}" class="card">
      <div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-modern-smart-contracts.svg" alt="{% trans %}(smart contracts icon){% endtrans %}" /></div>
      <div class="card-footer"><h3>{% trans %}Modern Features for Smart Contracts{% endtrans %}</h3></div>
      <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
    </a><!--/.card-->

    <a href="{% trans %}xrp-ledger-overview.html#on-ledger-decentralized-exchange{% endtrans %}" class="card">
      <div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-on-ledger-decentralized.svg" alt="{% trans %}(decentralized exchange icon){% endtrans %}" /></div>
      <div class="card-footer"><h3>{% trans %}On-Ledger Decentralized Exchange{% endtrans %}</h3></div>
      <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
    </a><!--/.card-->

  </section><!--/#xrp_ledger_intro-->


  <section class="container-fluid card-grid card-grid-2x2">
    <div class="section-hero card pl-0">
      <h2>{% trans %}Start Building{% endtrans %}</h2>
      <div class="blurb">
        <p>{% trans %}Use these tutorials to get step-by-step guidance to perform common tasks with the XRP Ledger.{% endtrans %}</p>
      </div>
    </div><!--/.section-hero-->

    {% set flag_n = cycler(* range(1,99)) %}
    {% set cardpage = pages|selectattr('html', 'defined_and_equalto', 'list-xrp-in-your-exchange.html')|first %}
    <div class="card">
      <div class="card-header">
          <a href="{{cardpage.html}}" class="header-link">
            <img class="image-icon" src="assets/img/icon-xrp-list-xrp.svg" alt="{% trans %}'list xrp' icon{% endtrans %}">
            <h3 class="card-title">{{cardpage.name}}</h3>
        </a>
      </div><!--/.card-header-->
      <div class="card-body">
        <p>{{cardpage.blurb}}</p>
      </div><!--/.card-body-->
      <div class="card-footer">
        <div class="readmore">
          <a href="{{cardpage.html}}" class="btn btn-outline-secondary">{{cardpage.cta_text}}</a>
        </div>
      </div><!--/.card-footer-->
      <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
    </div><!--/.card-->

    {% set cardpage = pages|selectattr('html', 'defined_and_equalto', 'send-xrp.html')|first %}
    <div class="card">
      <div class="card-header">
        <a href="{{cardpage.html}}" class="header-link">
          <img class="image-icon" src="assets/img/icon-xrp-send-xrp.svg" alt="{% trans %}'send xrp' icon{% endtrans %}">
          <h3 class="card-title">{{cardpage.name}}</h3>
        </a>
      </div><!--/.card-header-->
      <div class="card-body">
        <p>{{cardpage.blurb}}</p>
      </div><!--/.card-body-->
      <div class="card-footer">
        <div class="readmore">
          <a href="{{cardpage.html}}" class="btn btn-outline-secondary">{{cardpage.cta_text}}</a>
        </div>
      </div><!--/.card-footer-->
      <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
    </div><!--/.card-->

    {% set cardpage = pages|selectattr('html', 'defined_and_equalto', 'manage-the-rippled-server.html')|first %}
    <div class="card">
      <div class="card-header">
        <a href="{{cardpage.html}}" class="header-link">
          <img class="image-icon" src="assets/img/icon-xrp-run-rippled.svg" alt="{% trans %}'run rippled' icon{% endtrans %}">
          <h3 class="card-title">{{cardpage.name}}</h3>
        </a>
        </div><!--/.card-header-->
      <div class="card-body">
        <p>{{cardpage.blurb}}</p>
      </div><!--/.card-body-->
      <div class="card-footer">
        <div class="readmore">
          <a href="{{cardpage.html}}" class="btn btn-outline-secondary">{{cardpage.cta_text}}</a>
        </div>
      </div><!--/.card-footer-->
      <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
    </div><!--/.card-->

    <div class="card">
      <div class="card-header">
        <h3 class="card-title"><a href="tutorials.html">{% trans %}More Tutorials{% endtrans %}</a></h3>
      </div><!--/.card-header-->
      <div class="card-body">
        <div class="curated-links">
          <ul>
            <li><a href="assign-a-regular-key-pair.html">{{(pages|selectattr('html', 'defined_and_equalto', 'manage-the-rippled-server.html')|first).name}}</a></li>
            <li><a href="set-up-multi-signing.html">{{(pages|selectattr('html', 'defined_and_equalto', 'set-up-multi-signing.html')|first).name}}</a></li>
            <li><a href="use-escrows.html">{{(pages|selectattr('html', 'defined_and_equalto', 'use-escrows.html')|first).name}}</a></li>
            <li><a href="use-payment-channels.html">{{(pages|selectattr('html', 'defined_and_equalto', 'use-payment-channels.html')|first).name}}</a></li>
          </ul>
        </div><!--/.curated-links-->
      </div><!--/.card-body-->
      <div class="card-footer">
        <a href="tutorials.html" class="btn btn-outline-secondary">{% trans %}All Tutorials{% endtrans %}</a>
      </div><!--/.card-footer-->
      <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
    </div><!--/.card-->

  </section>

  <section class="container-fluid related-projects card-grid card-grid-2x1">
    <div class="section-hero card pl-0">
      <h2>{% trans %}Related Projects{% endtrans %}</h2>
      <div class="blurb">
        <p>{% trans %}You're not alone in building the Internet of Value. These projects are proudly collaborating with the XRP Ledger to make all the world's money move like information moves today.{% endtrans %}</p>
      </div>
    </div><!--/.section-hero-->

    {% set flag_n = cycler(* range(1,99)) %}

    <div class="card interledger-link">
      <div class="card-header">
          <img class="project-icon" src="assets/img/ilp_logo.svg" alt="{% trans %}Interledger logo{% endtrans %}" />
          <h3 class="card-title">{% trans %}Interledger{% endtrans %}</h3>
      </div><!--/.card-header-->
      <div class="card-body">
        <p class="project-summary">{% trans %}Interledger is an open protocol suite for sending payments across different ledgers.{% endtrans %}</p>
      </div><!--/.card-body-->
      <div class="card-footer">
        <a class="btn btn-outline-secondary external-link" href="https://interledger.org/" target="_blank">{% trans %}Learn More{% endtrans %} <i class="fa fa-external-link" aria-hidden="true"></i></a>
      </div><!--/.card-footer-->
      <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
    </div><!--/.card-->

    <div class="card xpring-link">
        <div class="card-header">
            <img class="project-icon" src="assets/img/xpring-logo.svg" alt="{% trans %}Xpring logo{% endtrans %}" />
            <h3 class="card-title">{% trans %}Xpring{% endtrans %}</h3>
        </div><!--/.card-header-->
        <div class="card-body">
          <p class="project-summary">{% trans %}Xpring is Ripple’s initiative to create an open developer platform for money.{% endtrans %}</p>
        </div><!--/.card-body-->
        <div class="card-footer">
          <a class="btn btn-outline-secondary external-link" href="https://xpring.io/" target="_blank">{% trans %}Learn More{% endtrans %} <i class="fa fa-external-link" aria-hidden="true"></i></a>
        </div><!--/.card-footer-->
        <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
      </div><!--/.card-->

  </section><!-- / Related Projects -->
{% endblock %}


{% block endbody %}
<script type="application/javascript">
  gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}
